<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://qzone.qq.com/1678513665/page" prefix="w"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link rel="stylesheet"
	href="css/clothing.css?id=<%=new Date().getTime()%>" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$(function(){
		$(".zhutizuName").click(function(){
			/* $(".clothing-title").remove(); */
			var id=$(this).attr("id");
			var text001=$(this).html();
			$("#zid").val(id);
			//<span class='clothing-title'> > </span><span class='clothing-title'> "+text001+" </span>
			$("#form1").trigger("submit");
			
			/* var s = $("#check").length();
			alert(s); */
			/* if(s==""){
				alert("Sdfd")
			} */
		})
		$("#all").click(function(){
			$("#zid").val("0");
			$("#form1").trigger("submit");
		})
		
	})
/* 	function one(num){
		alert(num.id);
		} */
</script>
</head>
<body>
	<%@ include file="Header.jsp"%>
	<section>
	<form action="clothing.shtml" id="form1" method="get">
	<div class="clothing-style-width" class="clear">
		<div class="clothing-style-width-ern"
			style="margin-top:6px;padding-top:20px;padding-bottom: 35px; box-sizing: border:box;" class="clear">
			<div class="clothing-title"><span>首页 </span><span>  > </span><span>${zhuti.name }</span></div>
			<div style="margin-top: 20px; margin-bottom: 20px;">
				<img src="images/index/${zhuti.ztImages }" width="980px;" />
			</div>
			<div
				style="background-color: white; padding: 25px 10px 25px 30px; box-sizing: border-box;" class="clear">
				
				<div style="color: #7a7878" class="clear">
					<p class="left">
						<span style="margin-right: 2px;">分类：</span>
					</p>
					<p class="left" style="color: #4d3e3e">
						<span
							style="margin-left: 25px; margin-top: 25px; color: #bfa043; font-weight: bold" id="all"><a href="clothing.shtml?zhutiId=${zhutiId }">全部</a></span>
							<c:forEach items="${zhutizulist }" var="zhutizu">
							<span style="margin-left: 25px; margin-top: 25px;" class="zhutizuName" id="${zhutizu.zid}">${zhutizu.zName }</span>
							</c:forEach>
					</p>
				</div>
				<div style="border-bottom: 1px solid #a29e9e; margin-top: 15px;"></div>
			<input type="hidden" id="zid" name="zid" value="${zid }"/>
				<input type="hidden" id="zhutiId" name="zhutiId" value="${zhutiId }"/>
				<div style="margin-top:15px;"class="clear">
				<c:set var="count" value="0"></c:set>
				<c:forEach items="${shangpinglist }" var="shangping" varStatus="count">
				<div
					style="width: 200px;display:inline-block; text-align: center; margin-left: 25px;background-color:#f5f8fb;margin-bottom:20px;">
					<c:set var="sid" value="${shangping.sid }"></c:set>
					<div
						style="width: 200px; margin-top: 15px;border-radius: 10px;">
						<img src="images/detali/${shangping.shopimage }" width="200px" id="check" />
					</div>
					<div style="margin-bottom:20px;">
						<p style="margin-top: 12px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;"><a href="good-details.shtml?sid=${shangping.sid }">${shangping.shopname }</a></p>
						<p style="color: red; margin-top: 4px;">${shangping.sjiage }</p>
						<p style="border-bottom:1px solid #a6a6a6;width:120px;margin-left:40px;box-sizing:border-box;margin-top:4px;"></p>
						<p style="margin-top:6px;margin-left:24px;width:150px;;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;">${shangping.jieshao }</p>
						<%-- <p style="margin-top:6px;width:100%;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;">${shangping.sid }</p> --%>
					</div>
				</div>
				</c:forEach>
			</div>
			<c:if test="${not empty sid  }">
			<w:page pageBean="${pageBean }"/>
			</c:if>
			<c:if test="${empty sid  }">
			<div style="text-align:center;font-size:26px;color:#eabd5b;font-style:italic;letter-spacing: 0.5em">数据库还没有匹配到相对应的信息</div>
			</c:if>
			</div>
			
		</div>
		
	</div>
	</form>
	</section>
	<!-- banner -->
</body>
</html>